<template>
    <el-card>
        <div class="container">
            <!-- 文本 13 -->
            <div class="text13">电子科技大（深圳）高等研究院</div>
        </div>
    </el-card>

</template>

<script setup lang="ts">



</script>

<style scoped>
/* 父容器样式 */
.el-card {
    position: relative;
    width: 100%;
    height: calc(100vh - 90px);
    /* 根据视口高度计算高度 */
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    box-sizing: border-box;
    padding: 20px;
    /* 如果需要内边距，请添加 */
}

/* 子元素样式 */
.text13 {
    white-space: nowrap;
    /* 防止文本换行 */
    max-width: 100%;
    /* 最大宽度限制为容器宽度 */
    overflow: hidden;
    /* 如果文本超出最大宽度则隐藏 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
    height: 118px;
    opacity: 1;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
    font-size: 80px;
    font-weight: 900;
    letter-spacing: 0px;
    line-height: 115.84px;
    color: rgb(124, 204, 236);
    text-align: center;
    /* 水平对齐 */
    display: flex;
    justify-content: center;
    /* 内部水平居中 */
    align-items: center;
    /* 内部垂直居中 */
}

.text13-sub {
    left: 251.5px;
    top: 275px;
    width: 617px;
    height: 33px;
    opacity: 0.8;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 32.82px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    vertical-align: top;
    position: absolute;
}

/* 文本 14 */
.text14,
.text14-second,
.text14-third,
.text14-fourth {
    opacity: 1;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 18.75px;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    vertical-align: top;
    position: absolute;
}

.text14 {
    left: 75.5px;
    top: 53px;
    width: 76px;
    height: 19px;
}

.text14-second {
    left: 192px;
    top: 53px;
    width: 69px;
    height: 19px;
}

.text14-third {
    left: 967.5px;
    top: 53px;
    width: 75px;
    height: 19px;
}

.text14-fourth {
    left: 874.5px;
    top: 53px;
    width: 43px;
    height: 19px;
}

/* 圆形 1 */
.circle1 {
    left: 528px;
    top: 63px;
    width: 64px;
    height: 64px;
    opacity: 1;
    background: url(https://img.js.design/assets/img/618121037e06ae7a4c5c1e1b.png), rgba(207, 223, 255, 1);
    position: absolute;
}

/* dashboard ...png */
.dashboard {
    left: 129px;
    top: 794px;
    width: 977px;
    height: 733px;
    opacity: 1;
    border-radius: 17px;
    background: url(https://img.js.design/assets/img/62a864b1eab2ec93896ad128.png);
    box-shadow: 0px 0px 75.25px rgba(0, 0, 0, 0.5);
    position: absolute;
}

/* 封面样式 */
.cover {
    position: fixed;
    /* 使用fixed让元素相对于视口固定 */
    top: 0;
    left: 0;
    width: 100vw;
    /* 视口宽度的100% */
    height: 100vh;
    /* 视口高度的100% */
    opacity: 1;
    background: rgba(66, 129, 255, 1);
    z-index: -1;
    /* 设置较低的z-index，确保它在底层 */
}
</style>
